$(function () {

    var error_name = false;
    var error_tel = false;
    var error_msg = false;

    var user_name = "";
    var user_tel = "";
    var user_msg = "";

    // 用户名输入事件
    $('.user_name').focus(function () {
        $(".error_name").hide();
    });

    $('.user_name').blur(function () {
        // 隐藏服务器端的错误提示
        $('.error_tip_python').hide();
        check_user_name();
    });

    // 联系方式输入事件
    $('.user_tel').focus(function () {
        $(".error_tel").hide();
    });

    $('.user_tel').blur(function () {
        // 隐藏服务器端的错误提示
        $('.error_tip_python').hide();
        check_user_tel();
    });

    // 留言输入事件
    $('.user_msg').focus(function () {
        $(".error_msg").hide();
    });

    $('.user_msg').blur(function () {
        // 隐藏服务器端的错误提示
        $('.error_tip_python').hide();
        check_user_mess();
    });


    // 用户名输入判断
    function check_user_name() {

        user_name = $.trim($(".user_name").val());
        if(user_name=="") {
            $(".error_name").html("带*为必填选项哦～～").show();
            errow_name = true;
        }
        else if(user_name.length > 10) {
            $(".error_name").html("姓名长度不能超过10~").show();
            errow_name = true;
        }
        else {
            $(".error_name").hide();
            errow_name = false
        }
    }

    // 联系方式判断
    function check_user_tel() {
        user_tel = $.trim($(".user_tel").val());
        var re_tel = /^1[3458]\d{9}$/;
        var re_mail = /^[a-z0-9][\w\.\-]*@[a-z0-9\-]+(\.[a-z]{2,5}){1,2}$/i;
        if(user_tel=="") {
            $(".error_tel").html("带*为必填选项哦～～").show();
            error_tel = true;
        }
        else if(!(re_tel.test(user_tel) || re_mail.test(user_tel))) {
            $(".error_tel").html("手机号或邮箱格式不正确~").show();
            error_tel = true;
        }

        else {
            $(".error_tel").hide();
            error_tel = false
        }
    }

    // 留言判断
    function check_user_mess() {
        user_msg = $.trim($(".user_msg").val());
        if(user_msg=="") {
            $(".error_msg").html("带*为必填选项哦～～").show();
            error_msg = true;
        }
        else if(user_msg.length>160) {
            $(".error_msg").html("留言长度不能超过160~").show();
            error_msg = true;
        }else {
            $(".error_msg").hide();
            error_msg = false;
        }
    }

    // 评论成功弹窗
    var i = 5;

    // 弹窗弹出函数
    function pop() {
        $("#pop").fadeIn();

        var timer = setInterval(function () {
            i--;
            $("#count").html(i);
            if (i == 0) {
                i = 5;
                $("#count").html(i);
                clearInterval(timer);
                $("#pop").css({display: "none"});
            }
        }, 1000);
    }


    $(".pop_title,.mask").click(function () {
        $("#pop").fadeOut();
    });


    // 表单提交
    var csrf_value = $("input[name='csrfmiddlewaretoken']").val();


    $("#contact_btn").click(function () {
        check_user_name();
        check_user_tel();
        check_user_mess();
        if (error_name==false && error_tel==false && error_msg==false){

            // 发送ajax请求，存入数据库
            $.post("/contact/contact_post/", {"csrfmiddlewaretoken": csrf_value,"user_msg":user_msg,"user_tel":user_tel,"user_name":user_name}, function (data) {
                if (data.ret) {
                    pop();
                    // 取消评论内容
                    $(".user_msg").val("");
                    $(".user_tel").val("");
                    $(".user_name").val("");
                }
            }); //ajax结束
        }

    }); //　点击结束




});